<template>
  <div class="comp-wrap pitem" @click="gotoDetail">
    <van-row class="f-info" justify="space-between" align="center">
      <van-space class="c-info">
        <van-image class="headimg" round :src="data.imageurl"> <template #error>加载失败</template></van-image>
        <p class="cname">{{ data.companyName }}</p>
      </van-space>
      <span class="lxr"> 联络人：{{ data.contactPerson?.map((item) => item.uesrName).toString() }} </span>
    </van-row>
    <van-divider />
    <van-row class="t-info" justify="space-between" align="center">
      <van-col :span="8">
        <h5 class="tit">主/子行业:</h5>
        <p class="val">{{ data.mainIndustry || '-' }}/{{ data.childIndustry || '-' }}</p>
      </van-col>
      <van-col :span="6">
        <h5 class="tit">项目状态:</h5>
        <!-- <van-tag type="warning">{{ data.projectRotation }}</van-tag> -->
        <p class="val">{{ data.projectRotation || '-' }}</p>
      </van-col>
      <van-col :span="8">
        <h5 class="tit">投资阶段:</h5>
        <p class="val">{{ data.investStage || '-' }}</p>
        <!-- <van-tag type="warning">{{ data.investStage }}</van-tag> -->
      </van-col>
      <van-col>
        <van-icon name="arrow" size="16px" />
      </van-col>
    </van-row>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
const router = useRouter();
const props = defineProps({
  data: {
    type: Object,
    default: () => {}
  }
});
const gotoDetail = () => {
  router.push({ name: 'home-detail', params: { id: props.data.id } });
};
</script>
<style scoped lang="less">
@import './list-item.less';
</style>
